{{extend 'layout.html'}}

<div data-role="content">
  <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
    {{for src,mov,href in links:}}
    {{=LI(A(IMG(_src=URL('static',src),_style="margin: 5px solid transparent"),mov[7:-30].replace('-','/'),_href=URL('static',mov)),A('data',_href=href))}}
    {{pass}}
  </ul>
</div>
<br/>
<div class="ui-body ui-body-c ui-corner-all">
  Movies show topological charge density contours in space-time for each gauge configuration, computed atter 20 steps of gauge invariant smearing (computed using the <a href="http://fermiqcd.net">FermiQCD Visualzation Toolkit</a>, DOE Grant DEFC02-06ER41441</a>).
</div>
